
    <!-- 根据类别查询通知并显示 -->
    <div id="noticeInfo" #noticeInfo  *ngIf="notiecInfoFlag">
        <div class="notice"  style="display:block;" *ngFor="let notice of data;let i = index">
            <div class="panel panel-default">
                <div class="panel-heading"><a (click)="findNoticeDataList(notice.id)">{{notice.title}}</a></div>
                <div class="panel-body">
                    <!-- <p>{{notice.preview}}</p> -->
                    <p [innerHTML]="notice.preview | safeHTML"></p>
                </div>
                <div class="panel-footer">{{notice.operator}}  发布于 {{notice.updateTime}} /  35 次浏览</div>
            </div>
        </div>   
        <div style="height:5%" #toolPage >
                <ul class="pager prenext" style="margin-top:0px;" >
                    <span>第{{page}}页&nbsp;&nbsp;</span>
                <li>
                    <a (click)="previousPage()">上一页</a>
                </li>
                <li>
                    <a (click)="naxtPage()">下一页</a>
                </li>
                    <span>&nbsp;&nbsp;共{{pageNum}}页</span>
                </ul>
        </div>   
    </div>

    <!-- 通知详情：路由跳转子组件notice-detail   或   组件跳转子组件notice-info -->
    <!-- <div id="detailNotice" #detailNotice  *ngIf="detailNoticeFlag">
        <router-outlet></router-outlet>    
        <app-notice-detail [notices] = "noticeDetail"></app-notice-detail>
    </div> -->

<!-- <button (click)="test()">test</button> -->

<!-- 通知详情 直接页面显示-->
<div class="panel panel-default" #detailNotice  *ngIf="detailNoticeFlag">
    <!-- 通知详情 -->
    <div>
        <button type="submit" style="width : 100px" class="btn btn-primary" (click)="editNoticeData(notices.id)">修改</button>
        <button type="submit" style="width : 100px" class="btn btn-primary" (click)="Confirm(notices.id)">删除</button>
    </div>
    <div class="panel-heading">
        <div><h3>{{notices.title}}</h3></div>
        <br>
        <div>发布人：{{notices.operator}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   发布日期: {{notices.createTime}}  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 接收人: <a (click)="showDialog(notices.id)">查看全部</a> 
            <br>
            所属栏目: {{notices.columnName}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 浏览次数:34 次   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a (click)=showBrowseMarkDate(notices.id)>查看浏览记录</a>
        </div>
    </div>
    <div class="panel-body">
        <p [innerHTML]="notices.noticeContent | safeHTML"></p>
    </div>

    <!-- 查询全部接受人模态框 -->
    <div>
        <p-dialog header="查看接收人" [(visible)]="display" modal="modal" width="300" [responsive]="true">
        <div class="browser" *ngFor="let browser of allBrowser;let i = index">{{browser.name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{browser.gradeName}}</div>

        <p-footer>
            <button type="button" pButton  (click)="display=false" label="关闭"></button>
        </p-footer>
        </p-dialog>        
    </div>

    <!-- 查看是否浏览人员名单 -->
    <div>

        <p-dialog header="查看浏览记录" [(visible)]="warm" modal="modal" width="300" [responsive]="true">
            <p-tabView>
                <p-tabPanel header="浏览记录"  >
                    <div class="modal-body">                             
                        <div class="browser" *ngFor="let browseMark of allBrowseMark;let i = index">{{browseMark.name}}&nbsp;&nbsp;{{browser.gradeName}} </div>
                </div>
                </p-tabPanel>
        
                <p-tabPanel header="未浏览记录" >
                    <div class="modal-body">  
                        <div class="browser" *ngFor="let noBrowseMark of noBrowseMark;let i = index">{{noBrowseMark.name}}&nbsp;&nbsp;{{browser.gradeName}}  </div>
                    </div>
                </p-tabPanel>
            </p-tabView>
        </p-dialog>         
    </div>

</div>  
<!-- 删除提示信息 -->
<p-growl [value]="msgs"></p-growl>
<p-confirmDialog header="系统提示" icon="fa fa-question-circle" width="425" #cd>
    <p-footer>
        <button type="button" pButton icon="fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>

<!-- 展示修改页面 -->
<div #editNoticePage  *ngIf="editNoticePageFlag">
    <!-- 方式一：路由跳转修改页面（edit-notice-info） -->
    <!-- <router-outlet></router-outlet> -->
    <!-- 方式二：组件方式跳转修改页面（notice-detail) -->
    <app-notice-detail [editNoticeDate] = "noticeDetail" [NoticeTreeDate]="zNodesData" [noticeIDInfo]=notices.id></app-notice-detail>
    <!-- <button>修改页面 div是否可用</button> -->
</div>

<!-- 删除完成后跳转路由 -->
<div #deleteNoticePage  *ngIf="deleteNoticePageFlag">
    <router-outlet></router-outlet>
</div>

    

